/* global variable --footer-height */
:root {
    --footer-height: 12.5vh;
    }

/* footer settings*/
.site-footer {
    
    height: var(--footer-height);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0; /* use left:0 + right:0 instead of width:100% to avoid overflow from padding */
    box-sizing: border-box; /* include padding in the element's width so right padding is visible */
    padding: 0 2em; /* top right bottom left */
    background-color: var(--b2);
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    column-gap: 1em; /* horizontal gap between columns */
    /* gap: 1em; */
    align-items: center;
    /* margin-top: 1px; */
}

.cover-page .site-footer {
    background-color: var(--white);
}


main {
    padding-bottom: calc(var(--footer-height) - .5vh);
}